<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="libs/font-awesome-4.6.3/css/font-awesome.min.css">
		<link rel="stylesheet" type="text/css" href="libs/bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/womenZuzuiList.css"/>
		
		<script src="libs/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/iscroll/build/iscroll-probe.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/womenZuzuiList.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="col-xs-2">
				<span class="fa fa-angle-left back"></span>
			</div>
			<div class="col-xs-8">
				<span class="title">玖姿JUZUI女装专场</span>
			</div>
			<div class="col-xs-2 ">
				<!--<span class="glyphicon glyphicon-list"></span>-->
				<div class="dropdown">
				  <button class="btn dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">
				    <!--Dropdown-->
				    <!--<span class="caret"></span>-->
				    <span class="glyphicon glyphicon-list classifyBtn"></span>
				  </button>
				  <ul class="dropdown-menu classifyMenu" role="menu" aria-labelledby="dropdownMenu1">
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="index.html">首页</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="classify.html">分类</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="shoppingCar.html">购物车</a></li>
				    <li role="presentation"><a role="menuitem" tabindex="-1" href="userCenter.html">个人中心</a></li>
				  </ul>
				</div>
			</div>
		</header>
		<div id="centerContainer">
			<div class="menu">
				<div class="col-xs-4 classifyDiv">
					分类&nbsp;<span class="fa fa-caret-down"></span>
				</div>
				<div class="col-xs-4 brandDiv">
					品牌&nbsp;<span class="fa fa-caret-down"></span>
				</div>
				<div class="col-xs-4">
					价格排序&nbsp;<span class="fa fa-caret-down"></span>
				</div>
			</div>
			<div class="contentBox">
				<div id="scroller">
					<a href="details.html?id=1">
					<div class="productBox">
						<img src="libs/images/54.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>139</span>
					</div>
					</a>
					<a href="details.html?id=2">
					<div class="productBox">
						<img src="libs/images/55.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>158</span>
					</div>
					</a>
					<a href="details.html?id=3">
					<div class="productBox">
						<img src="libs/images/56.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>134</span>
					</div>
					</a>
					<a href="details.html?id=4">
					<div class="productBox">
						<img src="libs/images/57.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>240</span>
					</div>
					</a>
					<a href="details.html?id=5">
					<div class="productBox">
						<img src="libs/images/58.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>143</span>
					</div>
					</a>
					<a href="details.html?id=6">
					<div class="productBox">
						<img src="libs/images/59.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>149</span>
					</div>
					</a>
					<a href="details.html?id=7">
					<div class="productBox">
						<img src="libs/images/54.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>140</span>
					</div>
					</a>
					<a href="details.html?id=8">
					<div class="productBox">
						<img src="libs/images/54.jpg"/>
						<span>斯文印花黑灰色短袖连衣裙</span><br />
						<span>￥</span><span>140</span>
					</div>
					</a>
				</div>
			</div>
			
			<!--三级菜单-->
			<div class="triMenu">
				<div class="left">
					<ul>
						<li>1-1</li>
						<li>1-2</li>
						<li>1-3</li>
						<li>1-4</li>
						<li>1-5</li>
					</ul>
				</div>
				<div class="middle">
					2-1
				</div>
				<div class="middle">
					2-2
				</div>
				<div class="middle">
					2-3
				</div>
				<div class="middle">
					2-4
				</div>
				<div class="middle">
					2-4
				</div>
				<div class="right">
					
				</div>
			</div>
			
			<div class="brandSlide">
				<ul class="list-group">
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				    <li class="list-group-item">品牌1</li>
				</ul>
			</div>
		</div>
		
		<div id="footer"></div>
	</body>
</html>
